 <!DOCTYPE html>
 <html lang="en">
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Document</title>
 </head>
 <body>
     
 </body>
 </html>
 <!-- - #笔记要求

##笔记
- 每日边看视频边记录笔记，然后每个知识点需要自己解释一下
- 以及 每日未解决的问题可以记录下来
- 记录每日完成多少代码量（多少行）
- 今天做了什么
有做项目的话，项目的进度 -->
mouseover与mouseenter

不论鼠标指针穿过被选元素或其子元素，都会触发 mouseover 事件。

只有在鼠标指针穿过被选元素时，才会触发 mouseenter 事件。

mouseout与mouseleave

不论鼠标指针离开被选元素还是任何子元素，都会触发 mouseout 事件。

只有在鼠标指针离开被选元素时，才会触发 mouseleave 事件

addEventListener能够添加多个回调函数，实行事件监听


内联事件处理程序—属性值实际上是当事件发生时要运行的js代码。

myElement.addEventListener('click', functionA);

myElement.addEventListener('click', functionB);


当元素被点击时两个函数都会工作

even , evt 或者 e  这些被称为事件对象


事件冒泡及捕获


当一个事件发生在具有父元素的元素上时，现代浏览器运行两个不同的阶段.

阻止事件冒泡

当在事件对象上调用该函数时，它只会让当前事件处理程序运行，
但事件不会在冒泡链上进一步扩大，因此将不会有更多事件处理器被运行

事件委托

冒泡还允许我们利用事件委托
如果想要在大量子元素中单击任何一个都可以运行一段代码，可以把事件监听器设置在其父节点上，并且将事件监听器气泡的影响设置为每个子节点，而不是每个子节点单独设置事件监听器。
